import React, {Component} from 'react';
import Head from "../Head";
import {NavLink, Redirect, Route} from "react-router-dom";
import Home from "../Home";
import Navigation from "../Navigation";
import Allproduct from "../Allproduct";
import Manage from "../Manage";
import Allorder from "../Allorder";
import Manager from "../Manager";
import Shoplist from "../Shoplist"
import ShopModify from "../../RouterComponent/ShopModify/ShopModify";
import Operation  from '../Operation';
import Mediamanage  from '../Mediamanage';
import MediaDetails from '../MediaDetails';
import ModifyVideo from '../ModifyVideo';


class main extends Component {
    render() {
        return (
            <div>
                <Head></Head>
                <Navigation></Navigation>
                <div>
                    {/*<Routes>*/}
                    <Route path="/home" exact component={Home}/>
                    <Route path="/product" component={Allproduct}/>
                    <Route path="/mediamanage" component={Mediamanage}/>
                    <Route path="/operation" component={Operation}/>
                    <Route path="/manage" component={Manage}/>
                    <Route path="/shop" component={Shoplist}/>
                    <Route path="/allorder" component={Allorder}/>
                    <Route path="/manager" component={Manager}/>
                    <Route path="/modify_shop" component={ShopModify}/>
                    <Route path="/mediadetails" component={MediaDetails}/>
                    <Route path="/modifyVideo" component={ModifyVideo}/>
                    <Redirect to="/home"/>
                    {/*</Routes>*/}
                </div>
                {/*<Home></Home>*/}
            </div>
        );
    }
}

export default main;